<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>阿萨姆</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/复制 阿萨姆11.css">

		<link rel="stylesheet" type="text/css" href="css/阿萨姆4.css">
		<link href="css/阿萨姆5.css" type="text/css" rel="stylesheet">
		<link href="css/图片.css" rel="stylesheet" type="text/css">
		<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css'>
	</head>

	<body>
		<div class="P">
			<form onsubmit="submitFn(this, event);" class="navbar-form navbar-right" style="position: fixed;z-index: 99;
								top: 50px;left: 77%;">
				<div class="search-wrapper">
					<div class="input-holder">
						<input type="text" class="search-input" placeholder="Type to search" />
						<button class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
					</div>
					<span class="close" onclick="searchToggle(this, event);"></span>
					<div class="result-container">

					</div>
				</div>
			</form>
		</div>
		<div class="H" style="position: relative;">
			<form onsubmit="submitFn2(this, event);" style="position: fixed;z-index: 99;top:70%;left: 90%;">
				<div class="wrapper2">
					<div class="holder2">
						<div class="icon2" onclick="searchToggle2(this, event);">
							<span class="glyphicon glyphicon-headphones" aria-hidden="true" onclick="music()"></span>
						</div>
						<div class="icon2">
							<span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
						</div>
						<div class="icon2">
							<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
						</div>
						<div class="icon2">
							<a href="javascript:scrollTo(0,0);"><span class="glyphicon glyphicon-eject" aria-hidden="true"></span></a>
						</div>
					</div>
					<span class="close" onclick="searchToggle2(this, event);"></span>
				</div>
			</form>
			<audio id="music1" src="img/新乐尘符 - 每一句都很甜.mp3" loop="loop">你的浏览器不支持audio标签。</audio>

		</div>
		<div class="A">
			<nav class="navbar navbar-default">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        				<span class="sr-only">Toggle navigation</span>
        				<span class="icon-bar"></span>
        				<span class="icon-bar"></span>
        				<span class="icon-bar"></span>
      				</button>

					</div>
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

						<ul class="nav navbar-nav">

							<li>
								<a href="#section1">Link</a>
							</li>
							<li>
								<a href="#section2">Link</a>
							</li>
							<li>
								<a href="#section3">Link</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#section41">Separated link</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#section42">One more separated link</a>
									</li>
								</ul>
							</li>
						</ul>

					</div>

				</div>

			</nav>
		</div>

		<div class="B">
			<div class="jumbotron">
				<a href="#" class="bind_hover_card" data-toggle="popover" data-placement="bottom" data-trigger="hover"><img class="commentAvatarImage" src="img/loge.png" /></a>

			</div>
		</div>
		<div class="T">
			<ul class="metro" >

				<li><i class="fa fa-gamepad"></i><span>Games</span></li>
				<li><i class="fa fa-cogs"></i><span>Settings</span></li>
				<li style="margin-bottom: 10px;"><i class="fa fa-envelope-o"></i><span>Email</span></li>
				
				<li><i class="fa fa-comments-o"></i><span>Messages</span></li>
				<li><i class="fa fa-music"></i><span>Music</span></li>
				<li><i class="fa fa-heart-o"></i><span>Favorites</span></li>
				<li><i class="fa fa-picture-o"></i><span>Photos</span></li>

			</ul>

			<div class="box">
				<span class="close"></span>
				<p></p>
			</div>
		</div>
		</div>

		<script src="bootstrap/js/jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script src="js/阿萨姆2.js"></script>
		<script src="js/sousuo.js"></script>
		<script src="js/背景颜色渐变.js"></script>
		<script src="js/jquery-ui.min.js"></script>
		<script src="js/图片.js"></script>
	</body>

</html>